<div class="dialog-dam">
    <nz-tabset>
        <nz-tab *ngFor="let item of tabs; let idx = index" [nzTitle]="item">
            <ng-container *ngIf="idx == 0">
                <div class="title">
                    <!-- <h3>水库名</h3> -->
                    <nz-range-picker
                        [nzShowTime]="{ nzFormat: 'HH:mm' }"
                        nzFormat="yyyy/MM/dd HH:mm"
                        [nzPlaceHolder]="['开始时间', '结束时间']"
                        ngModel
                        (ngModelChange)="onChange($event)"
                        (nzOnOk)="onOk($event)"
                    ></nz-range-picker>
                    <button nz-button nzType="primary">确定</button>
                </div>
                <div echarts [options]="chartOpt" class="chart-dam"></div>
            </ng-container>
            <ng-container *ngIf="idx == 1">
                <div echarts [options]="chartOpt" class="chart-dam"></div>
            </ng-container>
            <ng-container *ngIf="idx == 2">
                <div class="title">
                    <span>特征值选择：</span>
                    <nz-select [(ngModel)]="selectedIdx">
                        <nz-option *ngFor="let item of eigenvalues;let idx = index;" [nzValue]="idx" [nzLabel]="item"></nz-option>
                    </nz-select>
                    <span>时间类型：</span>
                    <nz-select [(ngModel)]="type">
                        <nz-option *ngFor="let item of timeTypes;let idx = index;" [nzValue]="idx" [nzLabel]="item"></nz-option>
                    </nz-select>
                </div>
                <div>
                    <span>历史年段：</span>
                    <span>当前年：2020</span>
                    <button nz-button nzType="primary">确定</button>
                </div>
                <div echarts [options]="chartOpt" class="chart-dam"></div>
            </ng-container>
            <ng-container *ngIf="idx == 3">
                <div class="title">
                    <span>类型：</span>
                    <nz-select [(ngModel)]="hType">
                        <nz-option *ngFor="let item of historyTypes;let idx = index;" [nzValue]="idx" [nzLabel]="item"></nz-option>
                    </nz-select>
                </div>
                <div>
                    <span>时间：</span>
                    <button nz-button nzType="primary">确定</button>
                </div>
                <div echarts [options]="chartOpt" class="chart-dam"></div>
            </ng-container>
            <ng-container *ngIf="idx == 4">
                <ul class="dam-desc">
                    <li>
                        <span>测站名称</span>
                        <span></span>
                    </li>
                    <li>
                        <span>汛限水位</span>
                        <span></span>
                    </li>
                    <li>
                        <span>测站编号</span>
                        <span></span>
                    </li>
                    <li>
                        <span>历史最高水位</span>
                        <span></span>
                    </li>
                    <li>
                        <span>测站类型</span>
                        <span></span>
                    </li>
                    <li>
                        <span>历史最高水位出现时间</span>
                        <span></span>
                    </li>
                    <li>
                        <span>所属流域</span>
                        <span></span>
                    </li>
                    <li>
                        <span>历史最高流量</span>
                        <span></span>
                    </li>
                    <li>
                        <span>站址</span>
                        <span></span>
                    </li>
                    <li>
                        <span>历史最高流量出现时间</span>
                        <span></span>
                    </li>
                    <li>
                        <span>管理单位</span>
                        <span></span>
                    </li>
                    <li>
                        <span>经度</span>
                        <span></span>
                    </li>
                    <li>
                        <span>纬度</span>
                        <span></span>
                    </li>
                </ul>
            </ng-container>

        </nz-tab>
    </nz-tabset>
</div>
